---
import SectionTitle from '@/components/SectionTitle.astro'
import ArtistCard from '@/components/ArtistCard.astro'
import { ARTISTS } from '@/consts/artists'
---

<section class="flex w-full flex-col place-items-center px-2 py-48" aria-label="artistas">
  <SectionTitle title="Artistas" />

  <div class="flex w-full flex-wrap justify-center gap-4">
    {ARTISTS.map((artist) => <ArtistCard name={artist.name} image={artist.image} />)}
  </div>
</section>
